<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>收件箱</title>
    <link href="${request.contextPath}/static/css/layout.css" rel="stylesheet" type="text/css"/>
    <link href="${request.contextPath}/static/css/cb.css" rel="stylesheet" type="text/css"/>
    <link href="${request.contextPath}/static/css/n.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/static/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/static/easyui/themes/icon.css"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/static/easyui/demo/demo.css"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/static/js/laypage/skin/laypage.css"/>
    <script type="text/javascript" src="${request.contextPath}/static/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${request.contextPath}/static/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="${request.contextPath}/static/js/vue/vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="${request.contextPath}/static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${request.contextPath}/static/js/laypage/laypage.js"></script>
    <script type="text/javascript" src="${request.contextPath}/static/laydate/laydate.js"></script>
</head>
<div id="app">
    <body>
    <table width="99%" border="0" align="center" cellpadding="0"
           cellspacing="0">
        <tr>
            <td width="1%" align="left" background="${request.contextPath}/static/images/b2.jpg"><img
                    src="${request.contextPath}/static/images/b1.jpg" width="10" height="26"/></td>
            <td width="68%" background="${request.contextPath}/static/images/b2.jpg">
                <table width="124"
                       border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" align="left"><img src="${request.contextPath}/static/images/tz.gif"
                                                         width="10" height="16"/></td>
                        <td width="104" align="left" class="biao">收件箱查询</td>
                    </tr>
                </table>
            </td>
            <td width="31%" align="right" background="${request.contextPath}/static/images/b2.jpg"><img
                    src="${request.contextPath}/static/images/b3.jpg" width="9" height="26"/></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="3"
           cellspacing="1" bgcolor="#AEDEF4">
        <tr>
            <td align="center" bgcolor="#E2F7FE">
                <table width="80%" border="0" cellspacing="1" cellpadding="3">
                    <tr>
                        <td width="10%" align="right">标题:</td>
                        <td width="10%" align="left">
                            <input pe="text"/>
                        </td>
                        <td width="10%" align="right">发送时间:</td>
                        <td width="10%" align="left"><input placeholder="请输入日期"
                                                            class="laydate-icon" onclick="laydate()" id="startDate" /></td>
                        <td width="10%" align="left"><input placeholder="请输入日期"
                                                            class="laydate-icon" onclick="laydate()" id="endDate" /></td>
                        <td width="10%" align="left">
                            <input type="button" onclick="getPageList()" value="查 找"/>
                        </td>
                        <td width="10%" align="right">
                            <input type="button" onclick="deleteBut()" value="批量删除"/>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <table width="50%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="5"></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="0"
           cellspacing="0">
        <tr>
            <td width="1%" align="left" background="${request.contextPath}/static/images/b2.jpg"><img
                    src="${request.contextPath}/static/images/b1.jpg" width="10" height="26"/></td>
            <td width="68%" background="${request.contextPath}/static/images/b2.jpg">
                <table width="124"
                       border="0" align="left" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="20" align="left"><img src="${request.contextPath}/static/images/tz.gif"
                                                         width="10" height="16"/></td>
                        <td width="104" align="left" class="biao">收件箱信息列表</td>
                    </tr>
                </table>
            </td>
            <td width="31%" align="right" background="${request.contextPath}/static/images/b2.jpg"><img
                    src="${request.contextPath}/static/images/b3.jpg" width="9" height="26"/></td>
        </tr>
    </table>
    <table width="99%" border="0" align="center" cellpadding="3"
           cellspacing="1" bgcolor="#AEDEF4" style="border: 1px solid #AEDEF4">
        <tr>
            <td align="center" bgcolor="#EFFBFE">
                <input id="all" type="checkbox"/>
            </td>
            <td width="5%" height="25" align="center" bgcolor="#EFFBFE">序号</td>
            <td align="center" bgcolor="#EFFBFE">标题</td>
            <td align="center" bgcolor="#EFFBFE">发送时间</td>
            <td align="center" bgcolor="#EFFBFE">读取状态</td>
            <td align="center" bgcolor="#EFFBFE">收件人</td>
            <td align="center" bgcolor="#EFFBFE">发件人</td>
            <td align="center" bgcolor="#EFFBFE">管理操作</td>
        </tr>
        <tbody>
        <tr v-for="(item,index) in result"
            onmouseout="this.style.backgroundColor='#ffffff'"
            bgcolor="#ffffff" onmouseover="this.style.backgroundColor='#E6F2FF'">
            <td align="center">
                <input name="check" type="checkbox" :value="item.id"/>
            </td>
            <td height="25" align="center">{{index+1}}</td>
            <td align="center" class="t5">
                <div align="center">
                    <strong>{{item.jname}}</strong>
                </div>
            </td>
            <td align="center">{{item.name}}</td>
            <td align="center">{{item.grade}}</td>
            <td align="center">{{item.frequency}}</td>
            <td align="center">{{item.report}}</td>
            <td align="left">
                <div align="left" style="padding-left: 5px">
                    <div align="center">
                        <input type="button" @click="checkEvent(item.id)" name="" value="查看"/>
                        <input type="button" @click="delEvent(item.id)" name="" value="删除"/>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="6" align="center">
                <div id="pagediv"></div>
            </td>
        </tr>

        </tbody>
    </table>
    <!-- 增加期满登记弹出框 -->
    <div id="dlg"></div>
    <!-- 查看期满登记弹出框 -->
    <div id="dlg1"></div>
    <!-- 修改期满登记弹出框 -->
    <div id="dlg2"></div>
    <!-- js代码控制增删改查弹出层 -->
</div>
<!-- js代码控制增删改查弹出层 -->
<script>

</script>


</body>
</html>